@charset "utf-8";



div.iddy * {
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
	margin: 0px;
	padding: 0px;
}

div.iddy {
	font-size: 62.5%;
	text-align: center;
}

div.iddy ul {
	list-style: none;
}

div.iddy p, div.iddy ul {
	margin-bottom: 10px;
}

div.iddy p,
div.iddy dl dt, div.iddy dl dd,
div.iddy table th, div.iddy table td {
	font-size: 1.4em;
}

div.iddy a, span, button, strong, em {
	font-size: 100%;
}

div.iddy img {
	border: none;
}

div.iddy dl dt {
	background: #CCCCCC;
	color: #000000;
	padding: 5px 0px 5px 10px;
}

div.iddy dl dd {
	margin-left: 15px;
	margin-bottom: 15px;
}








/**
 * Theme book style
 */
div.iddy {
	background: url(assets/bgi_book_header.png) no-repeat left top;
	width: 680px;
	margin: 0px auto;
}

/* State style
-----------------------------------*/
div.iddy.request,
div.iddy.loaded {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 9999;
}

div.iddy.request {
	border: 1px solid  #cccccc;
	background: #FFFFFF;
	margin-left: -200px; 
	margin-top: -50px; 
	width: 400px;
	height: 100px;
}

div.iddy.request div.header,
div.iddy.request div.content {
	text-align: center;
}

div.iddy.request div.header p.title {
	text-align: center;
	padding-left: 0px;
	padding-top: 20px;
}

div.iddy.request p.loading {
	font-family: Sylfaen, "Times New Roman", serif;
	font-size: 1.6em;
	color: #666666;
	text-transform: uppercase;
	text-align: center;
	padding-top: 10px;
}


div.iddy.request p.loading img {
	vertical-align: middle;
	padding-right: 10px;
}

div.iddy.request div.footer {
	background: none;
}

div.iddy.request div.footer p.poweredBy {
	text-align: center;
}

/* Header
-----------------------------------*/

/* Title
-------------------------*/
div.iddy p.title {
	text-align: left;
	padding-top: 50px;
	padding-left: 57px;
}

/* Content
-----------------------------------*/
div.iddy div.content {
	background: url(assets/bgi_book_content.png) no-repeat left 190px;
	overflow: hidden;
	min-height: 50px;
	padding-bottom: 20px;
}

/* Profile outline
-------------------------*/
div.iddy div.profileOutline {
	text-align: left;
	padding-left: 57px;
	float: left;
	width: 263px;
	padding-right: 20px;
}

div.iddy div.profileOutline p.photo a img {
	border: 5px solid #cccccc;
}

div.iddy div.profileOutline p.photo a:hover img {
	border: 5px solid #f0e68c;
}

div.iddy div.profileOutline p.name {
	font-size: 1.8em;
}

/* Profile Detail
-------------------------*/
div.iddy dl.profileDetail {
	text-align: left;
	float: right;
	width: 263px;
	padding-left: 20px;
	padding-right: 57px;
}

div.iddy dl.profileDetail dt,
div.iddy dl.profileDetail dd {
	font-size: 1.2em;
	background: none;
	padding: 0px;
}

div.iddy dl.profileDetail dt {
	font-weight: bold;
}

div.iddy dl.profileDetail dd {
	margin-left: 0px;
}

/* Footer
-----------------------------------*/
div.iddy div.footer {
	background: url(assets/bgi_book_footer.png) no-repeat left bottom;
	height: 30px;
	text-align: right;
	padding-bottom: 45px;
	overflow: hidden;
}

div.iddy div.footer p.control {
	padding-right: 57px;
	float: right;
	width: 283px;
}

div.iddy div.footer p.poweredBy {
	padding-left: 57px;
	text-align: left;
	float: left;
	width: 283px
}

div.iddy div.footer p.control a.detail {
	background: none;
	padding: 0px;
}

div.iddy div.footer p.control a.close {
	margin-left: 5px;
	text-decoration: none;
	background: none;
	padding: 0px;
}